<script setup>

</script>

<template>
<body>
 <div class="outline">
   <div class="left">
     <h1 class="ping" >
       学
     </h1>
     <h1 class="pang">
       术
     </h1>
     <h1 style="margin-top:4rem; font-size: 1.5rem">科研成果管理系统</h1>
   </div>
   <div class="right">
     <router-view></router-view>
   </div>
 </div>
</body>
</template>

<style scoped>
.outline{
  margin: 10%;
  width: 80%;

  display: flex;
  .left{
    position: relative;
    width: 40%;
    padding: 5%;
    background-color: #2D333B;
    color: #9D0707;
    .ping{
      text-align: left;
      font-size: 5rem;
      margin-left: 5rem;
    }
    .pang{
      text-align: right;
      font-size: 5rem;
      margin-right: 5rem;
    }
  }
  .right{
    position: relative;
    width: 40%;
    padding: 5%;
    background-color: #b9b8b8;

  }
}
</style>